<template>
  <view class="box">
    <view class="line-box">
      <view class="ali-icon fz-20 dot">&#xe6d1;</view>
      <view class="line"></view>
    </view>
    <view class="flex-1">
      <slot></slot>
    </view>
  </view>
</template>
<script setup lang="ts"></script>
<style lang="scss" scoped>
  .box {
    display: flex;
    gap: 24rpx;
    .line-box {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16rpx;
      padding-bottom: 16rpx;
      .dot {
        color: #2878ff;
      }
      .line {
        width: 2rpx;
        border-radius: 1rpx;
        background-color: #2878ff;
        height: 100%;
        min-height: 100rpx;
      }
    }
  }
</style>
